// 访问权限拦截 路由守卫

import router from '@/router' // 引入路由实例
import store from '@/store' // 引入vuex store实例
// 引入一个进度条插件
import nprogress from 'nprogress'
import 'nprogress/nprogress.css' // 引入进度条样式
// 前置守卫
// next是前置守卫必须执行的钩子
// next()  放过
// next(flase)  跳转终止
// 定义白名单---没有token也可以访问的页面
const whiteList = ['/login', '/404']
router.beforeEach(async (to, from, next) => {
  // 开启进度条
  nprogress.start()
  if (store.getters.token) {
    // 如果有token
    // 如果去登录页，就免登录，直接跳转首页
    // console.log(111);
    if (to.path === '/login') {
      next('/')
    } else {
      // 如果不去登录页，就放行通过
      // 只有在有token的情况下，并且是不去登录页的时候才会获取用户资料
      // 如果没有id，表示当前用户资料没有获取过
      if (!store.getters.userId) {
        // 如果将来需要根据用户资料获取数据，这里必须改成同步
        await store.dispatch('user/getUserInfo')
      }
      next()
    }
  } else {
    //没有token的情况
    // includes -- 如果检测的地址在白名单里就是true
    if (whiteList.includes(to.path)) {
      next()
    } else {
      next('/login')
    }
  }
  nprogress.done()
})

// 后置守卫
router.afterEach(() => {
  // 关闭进度条
  nprogress.done()
})
